<template>
  <div>
    <!-- 头部部分 -->
    <header class="header">
      <h1>todos</h1>
      <input
        class="new-todo"
        placeholder="请输入任务名称"
        autofocus
        v-model.trim="name"
        @keyup.enter="chuan"
      />
    </header>
  </div>
</template>

<script>
export default {
  name: 'AHeader',
  props: {},
  components: {},
  data () {
    return {
      name: ''
    }
  },
  methods: {
    chuan () {
      if(this.name!=''){ 
        this.$emit('chuan', this.name)
      this.name = '' }else{
        alert('请输入名称')
      }
     

    }
  }
}
</script>

<style scoped lang="less"></style>
